<script>
     $(document).ready(function(){
  $("#hide").click(function(){
    $("#lbl2").hide();
  });
  $("#show").click(function(){
    $("#lbl2").show();
  });      
    $("#sel1").change(function(){
         if($("#sel1 :selected").text()=="Західна Україна") { $("#lbl2").show();}
        });
  $("#sel1").change(function(){
         if($("#sel1 :selected").text()!="Західна Україна") { $("#lbl2").hide();}
        });
  $("#sel2").change(function(){
         if($("#sel2 :selected").text()=="Івано-Франківська") { $("#lbl3").show();}
        });
  $("#sel2").change(function(){
         if($("#sel2 :selected").text()!="Івано-Франківська") { $("#lbl3"). hide();}
        });
  });
  </script>
         
        <ul class="side-nav">
            <h6>Знайдіть квартиру!</h6>
            <li class="divider"></li> 
       <form action="/flat/search" method="post" >    
         <li>
    <label>Регіон
        <select id="sel1" name="sel1">
            <option value="0">Пусто</option>
          <option value="Західна Україна">Західна Україна</option>
          <option value="Східна Ураїна">Східна Ураїна</option>
          <option value="Центральна Ураїна">Центральна Ураїна</option>
          <option value="Південна Україна">Південна Україна</option>
            <option value="АР Крим">АР Крим</option>
        </select>
      </label>
             </li>
         <li><label id="lbl2" hidden="true">Область
        <select id="sel2" name="sel2">
            <option value="0">Пусто</option>
          <option value="Івано-Франківська область">Івано-Франківська</option>
          <option value="Львівська область">Львівська</option>
          <option value="Тернопільська область">Тернопільська</option>
          <option value="3">Закарпатська</option>
            <option value="Волинська область">Волинська</option>
            <option value="Чернівецька область">Чернівецька</option>
            <option value="Рівненська область">Рівненська</option>
            <option value="Хмельницька область">Хмельницька</option>
        </select>
      </label>
        </li>
            <li> <label id="lbl3" hidden >Місто
        <select name="sel3">
            <option value="0">Пусто</option>
          <option value="Івано - Франківськ">Івано-Франківськ</option>
          <option value="Коломия">Коломия</option>
          <option value="Бурштин">Бурштин</option>
          <option value="Калуш">Калуш</option>
            <option value="Галич">Галич</option>
            <option value="Надвірна">Надвірна</option>
            <option value="Долина">Долина</option>
            <option value="Болехів">Болехів</option>
            <option value="Тисмениця">Тисмениця</option>
            <option value="Городенка">Городенка</option>
            <option value="Тлумач">Тлумач</option>
            <option value="Косів">Косів</option>
            <option value="Делятин">Делятин</option>
            <option value="Яремче">Яремче</option>
            <option value="Рогатин">Рогатин</option>
            <option value="Ланчин">Ланчин</option>
            <option value="Богородчани">Богородчани</option> 
        </select>
      </label>
                </li>
            <li class="divider"></li>
            <li><label>Ціна</label> 
            <div class="row">
    <div class="large-6 columns">
       <input type="text" name="cMin" value="<?php if(!empty($_POST['cMin'])){echo($_POST['cMin']);} ?>" placeholder="Від"/>
    </div>
    <div class="large-6 columns" >
        <input type="text" name="cMax" value="<?php if(!empty($_POST['cMax'])){echo($_POST['cMax']);} ?>" placeholder="До" />
    </div></div> 
            </li>
            <li class="divider"></li>    
            <li> <label>Кількість кімнат</label>        
               <div class="row">
    <div class="large-6 columns">
       <input type="text" name="flatMin" value="<?php if(!empty($_POST['flatMin'])){echo($_POST['flatMin']);} ?>" placeholder="Від"/>
    </div>
    <div class="large-6 columns" >
        <input type="text" name="flatMax" value="<?php if(!empty($_POST['flatMax'])){echo($_POST['flatMax']);} ?>" placeholder="До" />
    </div></div></li>
            <li class="divider"></li>
            <li><input id="checkbox1" type="checkbox" value="0" name="check"><label for="checkbox1">з фотографіями</label></li>
            <li class="divider"></li>
            <li> <button class="expand" type="submit" id="but1" name="search">Search!</button> </li>
           </form>
         </ul>          
 <script src="public/js/foundation/foundation.js"></script>
<script src="public/js/foundation/foundation.abide.js"></script>
<script>
$(document).foundation();
</script>
